@CHARSET "ISO-8859-1";

body
{
    position: relative;
	background-image: -webkit-linear-gradient(bottom, rgb(46,46,46) 0%, rgb(56,56,56) 100%);
	width : 1300px;
	height : 627px;
}

.image-wrapper {
	position : relative;
	display : inline-block;
	margin-left : 100px;
	margin-top : 50px;
	width : 300px;
}

.image-holder
{
	display : inline-block;
    background-image: -webkit-linear-gradient(bottom, rgb(153,12,12) 0%, rgb(255,92,114) 100%);
    border-radius: 10px;
    border : 4px solid rgba(0,0,0,0.5);
    padding : 5px;
}

.image-holder:hover {
    border-color : rgba(0,168,255,0.5);
}

.battle-img {
    max-width : 300px;
    max-height : 300px;
	
	-webkit-transition-property : width, height;
	-webkit-transition-duration	: 1s;
	-webkit-transition-timing-function : ease-in-out;
}

#a {
	float : left;
}

#b {
	float : right;
}

#top-pane {
	position : absolute;
	width : 100%;
	height : 10%;
	top : 0;
	
	text-align : center;
	color : white;
}

#title {
	font-size : 40px;
	text-align : center;
	display : inline-block;
}

#upload {
	color : white;
	text-decoration : none;
	padding-right : 130px;
	float : right; 
	display : inline;
}

#upload-text {
	display : inline;
	font-weight : bold;
}

#plus {
	background-image : url(images/PlusSign.png);
	background-size : 100% 100%;
	width : 30px;
	height : 30px;
	display : inline-block;
	position : relative;
	top : 11px;
}

#bottom-pane {
	position : absolute;
	width : 100%;
	height : 90%;
	bottom : 0;
}

#left-pane {
	position : absolute;
	height : 100%;
	left : 0;
	width : 70%;
}

#right-pane {
	position : absolute;
	height : 100%;
	right : 0;
	width : 30%;
}

.thumb {
	max-height : 50px;
	max-width : 50px;
}

td {
	text-align : center;
	vertical-align : middle;
	padding-left : 5px;
	padding-right : 5px;
}

.sort-order {
	color : white;
}

.section-header {
	text-align : center;
	font-size : 23px;
	font-family : 'Times New Roman';
	font-weight : bold;
	color : white;
	margin : 5px;
}

#top-table {
	margin-left : auto;
	margin-right : auto;
	
	color : white;
	background-color : #0a0a0a;
	border-radius : 5px;
}

#battle-pane {
	position : absolute;
	top : 0;
	height : 75%;
	width : 100%;
}

#last-battle-pane {
	position : absolute;
	bottom : 0;
	width : 100%;
	height : 25%;
}

#last-battle {
	position : relative;
	margin-left : auto;
	margin-right : auto;
	background-color : #0a0a0a;
	border-radius : 5px;
}

#top-section{
	margin-top : 80px;
}

.empty {
	height : 50px;
	width : 50px;
	visibility : hidden;
}